<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>用户中心</title>
<link rel="stylesheet" type="text/css" href="__static__/common/css/main.css?time={:time()}">
<link rel="stylesheet" type="text/css" href="__css__/style.css?time={:time()}">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="__static__/common/js/html5shiv.js"></script>
<script src="__static__/common/js/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini layout-top-nav">
<div class="wrapper">
	<header class="main-header">
		<nav class="navbar navbar-static-top">
			<div class="container">
				<div class="navbar-header">
					<a href="{:url('/user/index/index')}" class="navbar-brand"><b>用户中心</b></a>
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
						<i class="fa fa-bars"></i>
					</button>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-left" id="navbar-collapse">
					<ul class="nav navbar-nav">
						<li class=""><a href="{:url('front.Index/index')}">网站首页</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的内容 <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								{volist name="model" id="item"}
								<li><a href="{:url('/user/'.$item['name'].'/index')}"><i class="fa fa-{$item['icon']|default='file-o'}"></i> <span>{$item['title']}列表</span></a></li>
								{/volist}
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
				<!-- Navbar Right Menu -->
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<!-- Messages: style can be found in dropdown.less-->
						<li class="dropdown messages-menu">
							<!-- Menu toggle button -->
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<i class="fa fa-envelope-o"></i>
								<span class="label label-success">4</span>
							</a>
							<ul class="dropdown-menu">
								<li class="header">You have 4 messages</li>
								<li>
									<!-- inner menu: contains the messages -->
									<ul class="menu">
										<li><!-- start message -->
											<a href="#">
												<div class="pull-left">
													<!-- User Image -->
													<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
												</div>
												<!-- Message title and timestamp -->
												<h4>
													Support Team
													<small><i class="fa fa-clock-o"></i> 5 mins</small>
												</h4>
												<!-- The message -->
												<p>Why not buy a new awesome theme?</p>
											</a>
										</li>
										<!-- end message -->
									</ul>
									<!-- /.menu -->
								</li>
								<li class="footer"><a href="#">See All Messages</a></li>
							</ul>
						</li>
						<!-- /.messages-menu -->
						<!-- User Account Menu -->
						<li class="dropdown user user-menu">
							<!-- Menu Toggle Button -->
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<!-- The user image in the navbar-->
								<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="user-image" alt="User Image">
								<!-- hidden-xs hides the username on small devices so only the image appears. -->
								<span class="hidden-xs">{:session('userInfo.nickname')}</span>
							</a>
							<ul class="dropdown-menu">
								<!-- The user image in the menu -->
								<li class="user-header">
									<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">

									<p>
										{:session('userInfo.nickname')}
										<small>Member since Nov. 2012</small>
									</p>
								</li>
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="{:url('/user/user/profile')}" class="btn btn-default btn-flat">个人资料</a>
									</div>
									<div class="pull-right">
										<a href="{:url('/user/index/logout')}" class="btn btn-default btn-flat">退出</a>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-custom-menu -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</header>
	<!-- Full Width Column -->
	<div class="content-wrapper">
		<div class="container">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>&nbsp;</h1>
				<ol class="breadcrumb">
					<li><a href="{:url('/user/index/index')}"><i class="fa fa-dashboard"></i> 用户中心</a></li>
					<li class="active">{$meta_title}</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="row">
					<div class="col-sm-2" style="background: #222d32; padding: 0;">
						<section class="sidebar">
							<!-- Sidebar user panel -->
							<div class="user-panel">
								<div class="pull-left image">
									<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
								</div>
								<div class="pull-left info">
									<p>{:session('userInfo.nickname')}</p>
									<a href="{:url('/user/user/profile')}"><i class="fa fa-circle text-success"></i> {:session('userInfo.username')}</a>
								</div>
							</div>
							<ul class="sidebar-menu">
								<li class="header">基础信息</li>
								<li><a href="{:url('/user/user/profile')}"><i class="fa fa-book"></i> <span>个人资料</span></a></li>
								<li><a href="{:url('/user/user/avatar')}"><i class="fa fa-book"></i> <span>我的头像</span></a></li>
								<li><a href="{:url('/user/user/repasswd')}"><i class="fa fa-book"></i> <span>修改密码</span></a></li>
								<li class="header">我的内容</li>
								{volist name="model" id="item"}
								<li><a href="{:url('/user/'.$item['name'].'/index')}"><i class="fa fa-{$item['icon']|default='file-o'}"></i> <span>{$item['title']}列表</span></a></li>
								{/volist}
								<li class="header">我的表单</li>
								{volist name="form" id="item"}
								<li><a href="{:url('/user/form/index', ['form_id'=>$item['id']])}"><i class="fa fa-{$item['icon']|default='file-o'}"></i> <span>{$item['title']}列表</span></a></li>
								{/volist}
							</ul>
						</section>
					</div>
					<div class="col-sm-10" style="padding-left: 15px;">
						{block name="body"}
						<div class="box box-primary">
							<div class="box-header with-border">
								<h3 class="box-title">{$meta_title}</h3>
							</div>
							<div class="box-body"></div>
						</div>
						{/block}
					</div>
				</div>
			</section>
		</div>
	</div>
	<!-- /.content-wrapper -->
	<footer class="main-footer">
		<div class="pull-right hidden-xs">
			<b>Version</b> {$version}
		</div>
		<strong>Copyright &copy; 2013-2020 <a href="https://www.tensent.cn">SentCMS</a>.</strong> All rights
		reserved.
	</footer>
</div>
<script type="text/javascript">
var require = {
		config: {"site": {$config|json_encode|raw}, 'version':"{$version}", 'module': 'user', 'jsname': "{$require['jsname']|default=''}", 'actionname': "{$require['actionname']|default=''}", }
}
</script>
<script src="__plugins__/require/require.js" data-main="__js__/main.js"></script>
</body>
</html>